<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link rel="stylesheet" type="text/css" href="../fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../style/css/public.css">
    <link rel="stylesheet" type="text/css" href="../style/css/mine.css">
</head>
<body>
    <div id="header">
        <div class="h-top">
            <div class="wrapper clear">
                <div class="left">
                    <a href="#">消费者通知书</a>
                </div>
                <div class="right">
                    <ul class="clear">
                        <li><a href="" id="utel"></a><a href="index.html">[退出]</a>|</li>
                        <li><a href="#">我的订单</a>|</li>
                        <li><a href="#">购物车</a>|</li>
                        <li><a href="#">我的收藏</a>|</li>
                        <li><i class="iconfont icon-iconfontcolor39"></i><a href="#">400-080-1888</a>|</li>
                        <li>
                            <a href="#">下载达令app</a>
                            <div class="code">
                                <img src="../images/cod_da.png">
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="h-bot">
            <div class="wrapper clear">
                <div class="logo">
                    <a href="#"><img src="../images/logo.png"></a>
                </div>
                <div class="cart">
                    <i class="iconfont icon-gouwuchekong"></i>
                    <a>我的购物车</a>
                    <span class="num">0</span>
                </div>
                <div class="search">
                    <div class="search-top">
                        <input type="text"/>
                        <span>搜索</span>
                    </div>
                    <p>
                        <a href="#">口红</a>
                        <a href="#">面膜</a>
                        <a href="#">耳饰</a>
                        <a href="#">日系美妆</a>
                        <a href="#">化妆水</a>
                        <a href="#">底妆</a>
                        <a href="#">乳霜</a>
                        <a href="#">洁面</a>
                        <a href="#">防晒</a>
                    <p>
                </div>
            </div>
        </div>
    </div>
    <div id="nav">
        <div class="wrapper">
            <div class="navbar">
                <!--全部分类-->
                <div class="category">
                    <!--全部分类上部-->
                    <p>
                        <span>全部分类</span>
                        <span class="alltop active"></span>
                    </p>
                    <!--全部分类下部-->
                    <div class="dd">
                        <dl>
                            <dt>
                                <span><img src="../images/nav01.png" alt=""></span><span>极致美护</span>
                            </dt>
                            <dd>
                                <a href="#">面膜</a>
                                <a href="#">化妆水</a>
                                <a href="#">洁面</a>
                                <a href="#">防晒</a>
                                <a href="#">面霜/乳液</a>
                                <a href="#">卸妆</a>
                                <a href="#">精华</a>
                                <span class="right_arrow"></span>
                            </dd>
                            <!--分类隐藏部分-->
                            <div class="dd_right">
                                <dl class="brand">
                                    <dt>极致美护</dt>
                                    <dd><img src="../images/nav_sub01.jpg"> </dd>
                                    <dd><img src="../images/nav_sub02.jpg"> </dd>
                                    <dd><img src="../images/nav_sub01.jpg"> </dd>
                                    <dd><img src="../images/nav_sub02.jpg"> </dd>
                                </dl>
                                <div class="brand-bot">
                                    <div class="brand left">
                                        <dl class="clear">
                                            <dt><a href="#">面部护肤</a></dt>
                                            <dd>
                                                <a href="#">面膜</a><a href="#">唇部护理</a><a href="#">精油</a>
                                                <a href="#">化妆水</a><a href="#">护肤保湿</a><a href="#">美妆工具</a>
                                                <a href="#">男士专区</a><a href="#">眼部护理</a><a href="#">面霜/乳液</a>
                                            </dd>
                                        </dl>
                                        <dl class="clear">
                                            <dt><a href="#">彩妆香氛</a></dt>
                                            <dd>
                                                <a href="#">面膜</a><a href="#">唇部护理</a><a href="#">精油</a>
                                                <a href="#">化妆水</a><a href="#">护肤保湿</a><a href="#">美妆工具</a>
                                                <a href="#">男士专区</a><a href="#">眼部护理</a><a href="#">面霜/乳液</a>
                                            </dd>
                                        </dl>
                                        <dl class="clear">
                                            <dt><a href="#">个人护理</a></dt>
                                            <dd>
                                                <a href="#">面膜</a><a href="#">唇部护理</a><a href="#">精油</a>
                                                <a href="#">化妆水</a><a href="#">护肤保湿</a><a href="#">美妆工具</a>
                                                <a href="#">男士专区</a><a href="#">眼部护理</a><a href="#">面霜/乳液</a>
                                            </dd>
                                        </dl>
                                    </div>
                                    <div class="brand right">
                                        <img src="../images/nav_subbig01.jpg" alt="">
                                    </div>
                                </div>
                            </div>
                        </dl>
                        <dl>
                            <dt>
                                <span><img src="../images/nav02.png" alt=""></span><span>极致美护</span>
                            </dt>
                            <dd>
                                <a href="#">面膜</a>
                                <a href="#">化妆水</a>
                                <a href="#">洁面</a>
                                <a href="#">防晒</a>
                                <a href="#">面霜/乳液</a>
                                <a href="#">卸妆</a>
                                <a href="#">精华</a>
                                <span class="right_arrow"></span>
                            </dd>
                        </dl>
                        <dl>
                            <dt>
                                <span><img src="../images/nav03.png" alt=""></span><span>极致美护</span>
                            </dt>
                            <dd>
                                <a href="#">面膜</a>
                                <a href="#">化妆水</a>
                                <a href="#">洁面</a>
                                <a href="#">防晒</a>
                                <a href="#">面霜/乳液</a>
                                <a href="#">卸妆</a>
                                <a href="#">精华</a>
                                <span class="right_arrow"></span>
                            </dd>

                        </dl>
                        <dl>
                            <dt>
                                <span><img src="../images/nav04.png" alt=""></span><span>极致美护</span>
                            </dt>
                            <dd>
                                <a href="#">面膜</a>
                                <a href="#">化妆水</a>
                                <a href="#">洁面</a>
                                <a href="#">防晒</a>
                                <a href="#">面霜/乳液</a>
                                <a href="#">卸妆</a>
                                <a href="#">精华</a>
                                <span class="right_arrow"></span>
                            </dd>
                        </dl>
                    </div>
                </div>
                <!--导航栏-->
                <div class="navigation">
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">极致美护</a></li>
                        <li><a href="#">全球零食</a></li>
                        <li><a href="#">创意生活</a></li>
                        <li><a href="#">时尚配饰</a></li>
                        <li><a href="#">尖货女装</a></li>
                        <li><a href="#">3C家电</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div id="main">
        <div class="wrapper clear">
            <div class="m_left">
                <div class="m_title">个人中心</div>
                <ul>
                    <li><a href="javascript:void(0)">我的订单</a></li>
                    <li><a href="javascript:void(0)">评论商品</a></li>
                    <li><a href="javascript:void(0)">退货/退款</a></li>
                    <li><a href="javascript:void(0)">我的钱包</a></li>
                    <li><a href="javascript:void(0)">我的收藏</a></li>
                    <li><a href="javascript:void(0)">我的达令</a></li>
                </ul>
            </div>
            <div class="m_right">

                <div class="loadbox"></div>
            </div>
        </div>
    </div>
    <div id="sidecart">
        <div class="side_func">
            <div class="fun1" id="cartSlide">
                <span></span>
                <p>购<br/>物<br/>车</p>
                <span class="num">1</span>
            </div>
            <p></p>
            <div class="money cartSlide"><span></span><span class="ticket">我的优惠券</span></div>
            <div class="heart cartSlide"><span></span><span>我的收藏</span></div>
            <div class="codemap">
                <div class="coderel">
                    <span></span>
                    <div></div>
                    <p>到手机达令</p>
                </div>
            </div>
            <div class="backtop"><a href="#" title="返回顶部">TOP</a></div>
        </div>
        <div class="side_data">
            <div class="close"></div>
            <div class="cartshow">
                <div class="title">我的购物车</div>
                <div class="cartlist">
                    <ul>
                        <li>
                            <div class="cart_top">
                                <div>
                                    <span>N元任选</span>
                                    <span>再购两件立享优惠</span>
                                </div>
                            </div>
                            <div class="cart_bot clear">
                                <a href="#">
                                    <div class="img"></div>
                                </a>
                                <div class="cart_bot1">
                                    <p>[极速免税店][吕]红吕染烫修复损伤(修复护发素)</p>
                                    <input type="text" class="spinnerExample">
                                </div>
                                <div class="cart_bot2">
                                    <span class="sig_price">￥59.00</span>
                                    <a href="#">删除</a>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="gocart">
                    <p>共<span class="num">1</span>件商品&nbsp;共计<span class="tolprice">￥59.00</span></p>
                    <a href="#">去购物车</a>
                </div>
            </div>

            <!--购物车为空-->
            <div class="nothing"></div>
        </div>
    </div>
    <div id="footer">
        <!--尾部--上-->
        <div>
            <div class="wrapper">
                <ul>
                    <li>为什么选择达令<span></span></li>
                    <li><span></span>100多个品牌授权</li>
                    <li><span></span>24小时内发货</li>
                    <li><span></span>保税区正品</li>
                </ul>
            </div>
        </div>
        <!--尾部--中-->
        <div>
            <div class="wrapper">
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>“hi，达令，我是鹿晗，达令投资人，投资比影响力更重要的是责任。”</dd>
                </dl>
                <dl>
                    <dt>投资人说达令</dt>
                    <dd>“达令™一手全球好货--带您购全球,教您神马值得买。<br/>连续两年荣获App store编辑推荐最佳购物类应用</dd>
                </dl>
            </div>
        </div>
        <!--尾部--下-->
        <div>
            <div class="wrapper">
                <div class="link">
                    <p>
                        <a href="#">首页</a> |
                        <a href="#">网站地图</a> |
                        <a href="#">消费者告知书</a> |
                        <a href="#">优惠券使用规则</a> |
                        <a href="#">退换货使用说明</a> |
                        <a href="#">关于我们</a> |
                        <a href="#">练习我们</a>
                    </p>
                </div>
                <div class="copyright">
                    <ul>
                        <li>北京普缇可科技有限公司</li>
                        <li><a href="#"><img src="../images/foot01.png" alt=""></a></li>
                        <li><a href="#"><img src="../images/foot02.png" alt=""></a></li>
                        <li><a href="#"><img src="../images/foot03.png" alt=""></a></li>
                    </ul>
                </div>
                <p>Copyright © 2016达令 ，All Rights Reserved │ 京ICP备14009583号-1 │ 京公网安备11010502027399 | 食品流通许可证编号：SP1101051510323113 </p>
            </div>
        </div>
    </div>
</body>
</html>
<script src="../js/lib/require.js" data-main="../js/mine.js"></script>
